.cl{clear:both}
*{
	margin:0;
}
.all{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	text-shadow:0 0 4px rgba(250,250,250,.6);
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	color:#2f2f2f;
	margin:0 0 30px 0;
}
.red{color:red}
body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	background:#f3f6fa;
	text-decoration:none;
}

div.container{
	width:1024px;
}
div.header{
	height:133px;
	background:url('../images/header.gif') repeat-x;
	text-align:center;
}
div.header_text{
	width:1024px;
	margin:0 auto;
	background:url('../images/header_line.gif') no-repeat bottom;
	padding:15px 0px 0px 0px;
}
div.login_as{ margin-top:-15px}
<!-- menu ---->

div.main_menu{
	width:200px;
	float:left;
}
div.sub_menu{
	width:200px;
}
	div.main_menu ul { margin: 0 auto; padding:0px; list-style: none; font-size: 0px; }
	div.main_menu li {height:66px; width:186px; background:url('../images/menu_bg1.gif') repeat-x; border: 1px solid #a4a5a5; margin-bottom:1px}
	div.main_menu #current{background:url('../images/menu_bg_visited.gif') repeat-x;}
	div.main_menu li a { background: url(../images/main_menu.png) no-repeat; background-position: -55px 0; display: block; text-indent: -9999px; margin-top: 15px; }
	div.main_menu li a span { background: url(../images/main_menu.png) no-repeat; display: block; width: 50px; height: 32px; position: relative; z-index: 10;
		-webkit-transition: -webkit-transform 0.4s ease-out;
		-moz-transition: -moz-transform 0.4s ease-out;
		transition: transform 0.4s ease-out;
	}
	div.main_menu li a:hover span {
		/*-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);*/
	}
	
	div.main_menu li.twitter a { background-position: -55px 0; width: 160px; height: 32px; }
	div.main_menu li.twitter a span { background-position: 0 0; }
	
	div.main_menu li.dribbble a { background-position: -55px -50px; width: 175px; height: 32px; }
	div.main_menu li.dribbble a span { background-position: 0 -50px; }
	
	div.main_menu li.lastfm a { background-position: -55px -100px; width: 165px; height: 32px; }
	div.main_menu li.lastfm a span { background-position: 0 -100px; }
	
	div.main_menu li.spotify a { background-position: -55px -150px; width: 165px; height: 32px; }
	div.main_menu li.spotify a span { background-position: 0 -150px; }
	
/* sub menu1*/
div.main_menu1{
	width:200px;
	float:left;
}
div.sub_menu1{
	width:200px;
}
	div.main_menu1 ul { margin: 0 auto; padding:0px; list-style: none; font-size: 0px; }
	div.main_menu1 li {height:66px; width:186px; background:url('../images/menu_bg1.gif') repeat-x; border: 1px solid #a4a5a5; margin-bottom:1px}
	div.main_menu1 #current{background:url('../images/menu_bg_visited.gif') repeat-x;}
	div.main_menu1 li a { background: url(../images/main_menu_user.png) no-repeat; background-position: -55px 0; display: block; text-indent: -9999px; margin-top: 15px; }
	div.main_menu1 li a span { background: url(../images/main_menu_user.png) no-repeat; display: block; width: 50px; height: 32px; position: relative; z-index: 10;
		-webkit-transition: -webkit-transform 0.4s ease-out;
		-moz-transition: -moz-transform 0.4s ease-out;
		transition: transform 0.4s ease-out;
	}
	div.main_menu1li a:hover span {
		/*-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);*/
	}
	
	div.main_menu1 li.twitter a { background-position: -55px 0; width: 160px; height: 32px; }
	div.main_menu1 li.twitter a span { background-position: 0 0; }
	
	div.main_menu1 li.dribbble a { background-position: -55px -50px; width: 175px; height: 32px; }
	div.main_menu1 li.dribbble a span { background-position: 0 -50px; }
	
	div.main_menu1 li.lastfm a { background-position: -55px -100px; width: 165px; height: 32px; }
	div.main_menu1 li.lastfm a span { background-position: 0 -100px; }
	
	div.main_menu1 li.spotify a { background-position: -55px -150px; width: 165px; height: 32px; }
	div.main_menu1 li.spotify a span { background-position: 0 -150px; }

/*end sub menu */

div.sub_menu{
	width:200px;
	margin-top:20px;
}
	.sub_menu{width:200px; float:left; padding:0px 0px}
	.mainmenu{padding:0; margin:0; list-style-type:none}
	.mainmenu li a{display:block;padding:7px 0 0 10px; font-size:16px;height:28px;border: 1px solid #a4a5a5; width:176px;text-shadow:0 0 4px rgba(110,110,110,.1);
		font-weight:600;
		margin-bottom:1px; font-weight:bold; color:#6b7581; text-decoration:none; text-align:left;background:url('../images/menu_sub_bg.gif') repeat-x; }
	.mainmenu li a:visited, .mainmenu li a:active{color:#666;}
	.mainmenu li a:hover{background:url('../images/menu_bg_visited.gif') repeat-x;}
	.mainmenu li a#current{background:url('../images/menu_bg_visited.gif') repeat-x;}
	



/*  Customer table */
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
	margin-bottom:15px;
}

.bordered {
	font-family:"Times New Roman", Times, serif;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
.bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}   
.bordered td{
	font-size:13px;
	height:20px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
.txtID, .txtCusName, .txtCusAddress, .txtCusContact1, .txtCusContact2, .btnSubmit, .txtDate, .txtSale, .txtArea, .txtPending, #newpayment{
	padding:6px; 
}
.txtPending, #newpayment{width:220px;margin-right:200px;}
.bordered .lbl {text-align:right;}
.bordered .home_td{border:none; width:130px;padding-left:230px;}
.bordered .home_td1{border:none;width:250px;text-align:left}
.txtSale{width:85px;}
.txtCusName{width:220px;}
.txtCusAddress{width:606px;}
.txtArea{vertical-align:baseline}
.tbl_sale, .tbl_sale tr, .tbl_sale td{border:none; margin:0; padding:0;  vertical-align:baseline}
div.sidebar_right{
	
}
div.sidebar_right{
	padding:20px 0px 20px 10px;
	width:814px;
	text-align:justify;
}
div.wrapper_right{
	width:824px;
	min-height:300px;
	float:right;
}
div.sidebar_left{
	float:left;
	width:200px;
	min-height:580px;
	background:url('../images/menu_line.gif') no-repeat right top;
	padding-top:20px;
	margin-bottom:15px;
}
div.footer{
	text-align:center;
	clear:both;
	height:22px;
	
	padding:40px 0 0 0;
	background:url('../images/footer.gif') repeat-x;
}
div.new_sale a{
	color:#F00;
	text-decoration:none;
	text-align:right;
	float:right;
}
div.new_sale a:hover{
	color:#666;
	text-decoration:none;
	text-align:right;
	float:right;
}
div.new a{
	color:#F00;
	text-decoration:none;}
div.new a:hover{
	color:#00C;
	text-decoration:none;
}
span.big{font-size:14px;font-weight:bold;}
span.smal{font-size:14px;}
.text_smal{font-size:14px; width:150px;}
.table_dynamic{
	border:none;
	/*border-collapse:collapse;*/
}